<footer class="site-footer light-text-dark-box">
    <div class="container">
      <div class="row">
        <nav class="col-6@xs visible@xs">
          <ul class="unstyled">
            <li><a href="{{ site.baseurl }}/faq">FAQ</a></li>
            <li><a href="https://github.com/Vestride/Shuffle">View Shuffle on GitHub</a></li>
          </ul>
        </nav>
        <div class="col-6@xs col-12@sm">
          {% if page.photoCredit != false %}
            <p class="site-footer__credit">Photos by the amazing people on <a href="https://unsplash.com/collections/1008516/shuffle-images" target="_blank" rel="noopener">Unsplash.com</a>.</p>
          {% endif %}
        </div>
      </div>
    </div>
  </footer>
